{% extends "light.twig" %}

{% block title %}: {% trans "Feedback" %}{% endblock %}
{% block sidebar %}{% endblock %}
{% block headernav %}{% endblock %}
{% block content %}
<div class="container">
  <div class="row" id="feedback-form">
    <div id="feedback-label">
    {% if feedback_sent %}
      <h3>{% trans "Feedback has been sent!" %}</h3>
    {% else %}
      <h3>{% trans %}Contact us!{% endtrans %}</h3>
    </div>
    <h1>?</h1>
    <div id="feedback-content">
      <form id="feedback-fields" method="post" action="#">
        {% if vocabList %}
        <select class="form-control" name="vocab">
          <option value="none">{% trans %}Not to a specific vocabulary{% endtrans %}</option>
            {% for option in vocabList %}       
              <option value="{{ option.id }}"{% if vocab_id == option.id %} selected="selected"{% endif %}>{{ option.title }}</option> 
            {% endfor %}
        </select>
        {% endif %}
        
        <span class="feedback-field-label">{% trans %}Name:{% endtrans %}</span>
        <input id="name" class="form-control" type ="text" size="40" name="name" placeholder="{% trans %}Enter your name{% endtrans %}">
        <span class="feedback-field-label">{% trans %}E-mail:{% endtrans %}</span>
        <input id="email" class="form-control" type ="text" size="40" name="email" placeholder="{% trans %}Enter your e-mail address{% endtrans %}">
        <span class="feedback-field-label">{% trans %}Message:{% endtrans %} *</span>
        <textarea id="message" class="form-control" name="message"></textarea>
        <button type="submit" class="btn btn-primary" id="send-feedback">{% trans %}Send feedback{% endtrans %}</button>
      </form>
    {% endif %}
    </div>
  </div>
</div>
{% endblock %}

